
<!--用在控制计划检验、控制计划中的列表插件-->
<template>
<div>
  <el-table
      :data="localTableDataTestingU"
      border
      style="width: 100%" height="78vh">
    <el-table-column
        :prop="project"
        label="检验项目"
        width="180">
    </el-table-column>
    <el-table-column
        :prop="requirement"
        label="检验要求"
        width="180">
    </el-table-column>
    <el-table-column
        label="检测类型" v-slot:default="typeTesting">
      <el-link v-if="languageS==='chinese'">{{typeTesting.row.typeTesting.split('/')[0]}}</el-link>
      <el-link v-if="languageS==='english'">{{typeTesting.row.typeTesting.split('/')[1]}}</el-link>
      <el-link v-if="languageS==='russian'">{{typeTesting.row.typeTesting.split('/')[2]}}</el-link>
    </el-table-column>
    <el-table-column
        prop="standard"
        label="标准值">
    </el-table-column>
    <el-table-column
        prop="ceiling"
        label="上公差">
    </el-table-column>
    <el-table-column
        prop="lower"
        label="下公差">
    </el-table-column>
    <el-table-column
        prop="frequency"
        label="检验频次">
    </el-table-column>
    <el-table-column
        v-slot:default="department"
        label="实施部门">
      <el-link v-if="languageS==='chinese'">{{department.row.department.split('/')[0]}}</el-link>
      <el-link v-if="languageS==='english'">{{department.row.department.split('/')[1]}}</el-link>
      <el-link v-if="languageS==='russian'">{{department.row.department.split('/')[2]}}</el-link>
    </el-table-column>
    <el-table-column label="编辑" width="220px" v-slot:default="scope">
      <el-link type="primary" @click="handleEdit(scope,1)" v-if="tableDataTestingU[0].id!==-1 || tableDataTestingU.length>1">编辑&nbsp;&nbsp;</el-link>
      <el-link type="primary" @click="handleEdit(scope,2)" v-if="tableDataTestingU[0].id!==-1 || tableDataTestingU.length>1">删除&nbsp;&nbsp;</el-link>
      <el-link type="primary" @click="handleEdit(scope,3)" v-if="tableDataTestingU[0].id!==-1 || tableDataTestingU.length>1">向下插入&nbsp;&nbsp;</el-link>
      <el-link type="primary" @click="handleEdit(scope,5)" v-if="scope.row.project==='请插入'">项目为空，插入一行</el-link>
    </el-table-column>
  </el-table>


  <!--弹窗放置区-->
    <!--编辑弹窗-->
    <el-dialog
      :title="titleMessage"
      :visible.sync="dialogVisibleTesting"
      width="80%"
      :before-close="handleClose">
    <div>
      <el-form ref="tableData" :model="tableData" status-icon :rules="rules"  label-width="90px" :inline="true">
        <div class="UploadS">
          <el-form-item label="检测项目" class="item" prop="project">
            <el-input v-model="tableData.project" placeholder="检测项目" style="width: 120%" :disabled="doe===2"></el-input>
          </el-form-item>
          <el-form-item label="English" class="item" prop="projectEnglish">
            <el-input  v-model="tableData.projectEnglish" placeholder="检测项目" style="width: 120%" :disabled="doe===2"></el-input>
          </el-form-item>
          <el-form-item label="Russian" class="item" prop="projectRussian">
            <el-input  v-model="tableData.projectRussian" placeholder="检测项目" style="width: 120%" :disabled="doe===2"></el-input>
          </el-form-item>
        </div>

        <div class="UploadS">
          <el-form-item label="检测要求" class="item" prop="requirement">
            <el-input v-model="tableData.requirement" placeholder="检测项目" style="width: 120%" :disabled="doe===2"></el-input>
          </el-form-item>
          <el-form-item label="English" class="item" prop="requirementEnglish">
            <el-input  v-model="tableData.requirementEnglish" placeholder="检测项目" style="width: 120%" :disabled="doe===2"></el-input>
          </el-form-item>
          <el-form-item label="Russian" class="item" prop="requirementRussian">
            <el-input  v-model="tableData.requirementRussian" placeholder="检测项目" style="width: 120%" :disabled="doe===2"></el-input>
          </el-form-item>
        </div>

        <div class="UploadS">
          <el-form-item label="检测类型" class="item">
            <el-select v-model="tableData.typeTesting" placeholder="请选择" :disabled="doe===2">
              <el-option
                  v-for="item in options"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value">
              </el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="标准值" prop="standard" class="item">
            <el-input v-model="tableData.standard" placeholder="请输入标准值" :disabled="tableData.typeTesting==='目视/visual/Визуальное зрение' || tableData.typeTesting==='计数/count/Количество'||doe===2"></el-input>
          </el-form-item>
          <el-form-item label="上偏差" prop="ceiling" class="item">
            <el-input v-model="tableData.ceiling" placeholder="请输入上偏差" :disabled="tableData.typeTesting==='目视/visual/Визуальное зрение' || tableData.typeTesting==='计数/count/Количество'||doe===2"></el-input>
          </el-form-item>
          <el-form-item label="下偏差" prop="lower" class="item">
            <el-input v-model="tableData.lower" placeholder="请输入下偏差" :disabled="tableData.typeTesting==='目视/visual/Визуальное зрение' || tableData.typeTesting==='计数/count/Количество'||doe===2"></el-input>
          </el-form-item>
        </div>

        <div class="UploadS">
          <el-form-item label="检验频次%" prop="frequency" class="item">
            <el-input-number  v-model="tableData.frequency" :disabled="doe===2"></el-input-number><span>%</span>
          </el-form-item>
          <el-form-item label="责任部门" prop="department" class="item">
            <el-select v-model="tableData.department" placeholder="请选择" :disabled="doe===2">
              <el-option
                  v-for="item in optionsD"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value">
              </el-option>
            </el-select>
          </el-form-item>
        </div>
        <br><br>
        <el-form-item>
          <el-button type="primary" @click="submitForm('tableData')">提交</el-button>
          <el-button @click="resetForm('tableData')" :disabled="doe===2">重置</el-button>
        </el-form-item>
      </el-form>
    </div>
  </el-dialog>
</div>
</template>

<script>
export default {
  name: "controlTestingUtils",
  props:['languageS',
    'workshopMain',
    'clickId',
    'tableDataTestingU',
    'controlP',
    'openVal',
    'opP',
    'drawingP'],
  data(){
    //校验标准值，必须为数字，且不能为空
    var valStandard = (rule, value, callback) => {
      if (value === '' || value === null || value === undefined) {
        const regex = /^[-+]?\d+(\.\d+)?$/;
        if (!regex.test(value)) {
          callback(new Error('请输入有效的数字'));
        }
      } else {
        callback(); // 如果值有效（包括0），则通过校验
      }
    };
    //上偏差，必须为数字，且不能为空
    var valCeiling = (rule, value, callback) => {
      if (value === '' || value === null || value === undefined) {
        const regex = /^[-+]?\d+(\.\d+)?$/;
        if (!regex.test(value)) {
          callback(new Error('请输入有效的数字'));
        }
      } else {
        callback(); // 如果值有效（包括0），则通过校验
      }
    };
    //下偏差，必须为数字，且不能为空
    var valLower = (rule, value, callback) => {
      if (value === '' || value === null || value === undefined) {
        const regex = /^[-+]?\d+(\.\d+)?$/;
        if (!regex.test(value)) {
          callback(new Error('请输入有效的数字'));
        }
      } else {
        callback(); // 如果值有效（包括0），则通过校验
      }
    };
    //验证是否为空
    var valVoid = (rule, value, callback) => {
      if (!value) {
        return callback(new Error('请输入内容'));
      } else {
        callback(); // 如果值有效（包括0），则通过校验
      }
    };
    var valFrequency = (rule, value, callback) => {
      if (value === '' || value === null || value === undefined) {
        const regex = /^[-+]?\d+(\.\d+)?$/;
        if (!regex.test(value)) {
          callback(new Error('请输入有效的数字'));
        }
      } else if (value>100 ||value===0){
          callback(new Error('请输入小于100的数值或非0值'))
      }else {
        callback(); // 如果值有效（包括0），则通过校验
      }
    };
    return{
      //编辑某一行的时候，用到的变量
      tableData:{
        //主键
        id:-1,
        //车间名称（中文）
        workshop:'',
        //车间名称（英文）
        workshopEnglish:'',
        //车间名称（俄文）
        workshopRussian:'',
        //图号
        drawing:'',
        //工序号
        op:'',
        //记录检验项目
        project:'请输入',
        //记录检验项目（英文）
        projectEnglish:'请输入',
        //记录检验项目（俄文）
        projectRussian:'请输入',
        //记录检验要求
        requirement:'请输入',
        //记录检验要求（英文）
        requirementEnglish:'请输入',
        //记录检验要求（俄文）
        requirementRussian:'请输入',
        //记录检测类型(1:目视检查；2：计量型；3：计数型）
        typeTesting:'请输入',
        //记录标准值
        standard:'请输入',
        //记录上偏差
        ceiling:'请输入',
        //记录下偏差
        lower:'请输入',
        //frequency
        frequency:'请输入',
        //记录实施部门
        department:'请输入',
        //记录实施部门（英文）
        departmentEnglish:'请输入',
        //记录实施部门（俄文）
        departmentRussian:'请输入',
        //项目类型（1：代表控制计划项目，2：代表自行识别项目，3：代表控制计划加严项目）
        projectType:'请输入',
        //关联控制计划的标记位
        controlTesting:'请输入',
        //删除标记位（1：正常，0：删除）
        //作业指导书
        workBook:'',
        deleteSign:1,
        //记录顺序号
        orderNumber:0,
      },
      //弹窗显示的信息
      titleMessage:'',
      //控制“编辑”弹窗
      dialogVisibleTesting:false,
      //三种语言切换的变量
      //车间名称（中文）
      workshop:'',
      //图号
      drawing:'',
      //工序号
      op:'',
      //记录检验项目
      project:'project',
      //记录检验要求
      requirement:'requirement',
      //记录实施部门
      department:'',
      //作为展示和数据变化后的数据存储
      localTableDataTestingU: this.tableDataTestingU,
      //记录顺序号
      orderNumber:0,
      //记录用户选择的是那种操作方式，编辑1，删除为2，向上插入为3，向下插入为4.
      doe:0,
      //记录用户选择的顺序号，作为用户向下插入向上插入的判断
      //记录用户选择的顺序号，作为用户向下插入向上插入的判断
      selectedIndexUse:0,

      //检测类型选择器
      options: [{
        value: '目视/visual/Визуальное зрение',
        label: '目视/visual/Визуальное зрение'
      }, {
        value: '计量/metering/Измерение',
        label: '计量/metering/Измерение'
      }, {
        value: '计数/count/Количество',
        label: '计数/count/Количество'
      }],
      optionsD: [{
        value: '品质管理科/Quality Management Department/Секция управления качеством',
        label: '品质管理科/Quality Management Department/Секция управления качеством'
      }, {
        value: '装配车间/Assembly workshop/сборочный цех',
        label: '装配车间/Assembly workshop/сборочный цех'
      }, {
        value: '机加车间/Machining workshop/Машиностроительный цех',
        label: '机加车间/Machining workshop/Машиностроительный цех'
      },{
        value: '物流科/Logistics Department/Отдел логистики',
        label: '物流科/Logistics Department/Отдел логистики'
      }],
      //校验数据用的函数

      rules:{
        standard:[{validator: valStandard, trigger: 'blur'}],
        ceiling:[{validator: valCeiling, trigger: 'blur'}],
        lower:[{validator: valLower, trigger: 'blur'}],

        requirement:[{validator: valVoid, trigger: 'blur'}],
        requirementEnglish:[{validator: valVoid, trigger: 'blur'}],
        requirementRussian:[{validator: valVoid, trigger: 'blur'}],

        project:[{validator: valVoid, trigger: 'blur'}],
        projectEnglish:[{validator: valVoid, trigger: 'blur'}],
        projectRussian:[{validator: valVoid, trigger: 'blur'}],

        typeTesting:[{validator: valVoid, trigger: 'blur'}],
        department:[{validator: valVoid, trigger: 'blur'}],
        frequency:[{validator: valFrequency, trigger: 'blur'}],
      }
    }
  },
  methods:{
    //点击行的时候，进行赋值
    handleEdit(scope,doe){
      if (doe===1){
        //编辑操作
        this.titleMessage="您正在进行《编辑》操作"
        this.tableData=scope.row
      }
      else if (doe===2){
        //删除操作
        this.titleMessage="您正在进行《删除》操作"
        //赋值元数据，删除的时候只修改删除标记位
        this.tableData=scope.row
        //设置输入功能不可用。
      }
      else if (doe===3){
        this.tableData={
          //主键
          id:-1,
          //车间名称（中文）
          workshop:'',
          //车间名称（英文）
          workshopEnglish:'',
          //车间名称（俄文）
          workshopRussian:'',
          //图号
          drawing:'',
          //工序号
          op:'',
          //记录检验项目
          project:'',
          //记录检验项目（英文）
          projectEnglish:'',
          //记录检验项目（俄文）
          projectRussian:'',
          //记录检验要求
          requirement:'',
          //记录检验要求（英文）
          requirementEnglish:'',
          //记录检验要求（俄文）
          requirementRussian:'',
          //记录检测类型(1:目视检查；2：计量型；3：计数型）
          typeTesting:'',
          //记录标准值
          standard:0,
          //记录上偏差
          ceiling:0,
          //记录下偏差
          lower:0,
          //frequency
          frequency:'',
          //记录实施部门
          department:'',
          //记录实施部门（英文）
          departmentEnglish:'',
          //记录实施部门（俄文）
          departmentRussian:'',
          //项目类型（1：代表控制计划项目，2：代表自行识别项目，3：代表控制计划加严项目）
          projectType:'',
          //关联控制计划的标记位
          controlTesting:-100,
          //删除标记位（1：正常，0：删除）
          deleteSign:1,
          //记录顺序号
          orderNumber:0,
        }
        this.titleMessage='您正在进行《向下插入》操作'
      }
      else if (doe===4){
        this.tableData={
          //主键
          id:-1,
          //车间名称（中文）
          workshop:'',
          //车间名称（英文）
          workshopEnglish:'',
          //车间名称（俄文）
          workshopRussian:'',
          //图号
          drawing:'',
          //工序号
          op:'',
          //记录检验项目
          project:'',
          //记录检验项目（英文）
          projectEnglish:'',
          //记录检验项目（俄文）
          projectRussian:'',
          //记录检验要求
          requirement:'',
          //记录检验要求（英文）
          requirementEnglish:'',
          //记录检验要求（俄文）
          requirementRussian:'',
          //记录检测类型(1:目视检查；2：计量型；3：计数型）
          typeTesting:'',
          //记录标准值
          standard:0,
          //记录上偏差
          ceiling:0,
          //记录下偏差
          lower:0,
          //frequency
          frequency:'',
          //记录实施部门
          department:'',
          //记录实施部门（英文）
          departmentEnglish:'',
          //记录实施部门（俄文）
          departmentRussian:'',
          //项目类型（1：代表控制计划项目，2：代表自行识别项目，3：代表控制计划加严项目）
          projectType:'',
          //关联控制计划的标记位
          controlTesting:-100,
          //删除标记位（1：正常，0：删除）
          deleteSign:1,
          //记录顺序号
          orderNumber:0,
        }
        this.titleMessage='您正在进行《向上插入》操作'
      }
      else if (doe===5){
        this.tableData={
          //主键
          id:-1,
          //车间名称（中文）
          workshop:'',
          //车间名称（英文）
          workshopEnglish:'',
          //车间名称（俄文）
          workshopRussian:'',
          //图号
          drawing:'',
          //工序号
          op:'',
          //记录检验项目
          project:'',
          //记录检验项目（英文）
          projectEnglish:'',
          //记录检验项目（俄文）
          projectRussian:'',
          //记录检验要求
          requirement:'',
          //记录检验要求（英文）
          requirementEnglish:'',
          //记录检验要求（俄文）
          requirementRussian:'',
          //记录检测类型(1:目视检查；2：计量型；3：计数型）
          typeTesting:'',
          //记录标准值
          standard:0,
          //记录上偏差
          ceiling:0,
          //记录下偏差
          lower:0,
          //frequency
          frequency:'',
          //记录实施部门
          department:'',
          //记录实施部门（英文）
          departmentEnglish:'',
          //记录实施部门（俄文）
          departmentRussian:'',
          //项目类型（1：代表控制计划项目，2：代表自行识别项目，3：代表控制计划加严项目）
          projectType:'',
          //关联控制计划的标记位
          controlTesting:-100,
          //删除标记位（1：正常，0：删除）
          deleteSign:1,
          //记录顺序号
          orderNumber:0,
        }
        console.log(this.workshopMain)
        this.titleMessage='您正在进行《空项目插入》操作'
      }
      //设置用户现在了什么操作
      this.doe=doe
      //返回用户选择数据的index。
      this.selectedIndexUse=scope.$index
      this.dialogVisibleTesting=true
    },
    //弹窗点击关闭时候的提示
    handleClose(done) {
      this.$confirm('确认关闭？')
          .then(_ => {
            console.log(_)
            done();
          })
          .catch(_ => {
            console.log(_)
          });
    },
    //点击弹窗中的“提交”按钮
    submitForm(formName) {
      this.$refs[formName].validate((valid) => {
        if (valid) {
          if (this.doe===1){
            //执行“编辑”编辑操作
            //向后端写数据
            //判断选择的检测类型，如果是计量型和计数型，对数据进行限定
            if (this.tableData.typeTesting==='目视/visual/Визуальное зрение' && this.tableData.typeTesting==='计数/count/Количество'){
              this.tableData.standard=0
              this.tableData.ceiling=0
              this.tableData.lower=0
            }
            //对通用的数据进行赋值
            //1.对车间名称赋值\图号\工序号进行赋值
            this.tableData.workshop=this.workshopMain
            this.tableData.drawing=this.controlP.drawing
            this.tableData.op=this.controlP.op
            //2.对项目类型进行赋值
            this.tableData.projectType=1
            //3.对删除标记位进行赋值
            this.tableData.deleteSign=1
            //对部门进行赋值

            /*对作业指导书进行赋值,结构如下：
                work:'请编辑',//工作项目
                problem:'请输入',//关注点
                inspect:'请输入',//品质检查
                spendTime:0,//需要时间
                controlPlan:0,//控制计划的关联项
                toll:'',//工具
                device:'',//设备
                accessories:'',//辅料,
                pictureList:'',//图片列表
                videoList:''//视频列表
             */

            //向后端发送信息，保存数据
            this.$request.put('putControlTesting',this.tableData).then(result=>{
              if (result.code === 401){
                this.$router.push('UserLogin')
                alert("您未登录，请登录")
              }else {
                this.localTableDataTestingU=result.data
                alert("已经修改成功")
                this.dialogVisibleTesting=false;
              }
            })
          }
          else if (this.doe===2){
            //执行删除操作
            if (confirm("确定要删除吗？")){
              //设置标记位
              this.tableData.deleteSign=0
              //执行修改请求
              //向后端发送信息，保存数据
              this.$request.put('putControlTesting',this.tableData).then(result=>{
                if (result.code === 401){
                  this.$router.push('UserLogin')
                  alert("您未登录，请登录")
                }else {
                  this.localTableDataTestingU=result.data
                  alert("已经修改成功")
                  this.dialogVisibleTesting=false
                }
              })
            }else {this.dialogVisibleTesting=false}
          }
          else if (this.doe===3){/*执行插入操作，所有的列表数据均需要修改*///把数据插入进去
            this.tableData.id=-1//把新数据的Id设置为-1，方便后端判断
            //编辑初始的数据
            //判断选择的检测类型，如果是计量型和计数型，对数据进行限定
            if (this.tableData.typeTesting==='目视/visual/Визуальное зрение' && this.tableData.typeTesting==='计数/count/Количество'){
              this.tableData.standard=0
              this.tableData.ceiling=0
              this.tableData.lower=0
            }
            //1.对车间名称赋值\图号\工序号进行赋值
            this.tableData.workshop=this.workshopMain
            console.log(this.workshopMain)
            this.tableData.drawing=this.drawingP
            this.tableData.op=this.opP
            //3.对删除标记位进行赋值
            this.tableData.deleteSign=1
            //判断是不是经过经过控制计划网页来的关联
            if (this.controlP!==undefined){
              //2.对项目类型进行赋值
              this.tableData.projectType=1
              //对关联控制计划的id进行赋值
              this.tableData.controlTesting=this.clickId
              //对作业指导书进行赋值
              this.tableData.workBook='作业指导书步骤|*|Steps of homework instruction manual|*|Этапы руководства по оперативной деятельности|%|作业关注点|*|Homework focus points|*|Приоритеты домашних заданий|%|品质检查|*|Quality Inspection|*|Контроль качества|%|0|%|'+this.clickId+'|%|工具|*|tool|*|Инструменты|%|辅料|*|accessories|*|Вспомогательные материалы|%|设备|*|device|*|Оборудование|%|undefined|*||%|undefined|*||-|'
            } else {
              this.tableData.projectType=2
              //对关联控制计划的标记位进行赋值
              this.tableData.controlTesting=-100
              //对作业指导书进行赋值
              this.tableData.workBook='作业指导书步骤|*|Steps of homework instruction manual|*|Этапы руководства по оперативной деятельности|%|作业关注点|*|Homework focus points|*|Приоритеты домашних заданий|%|品质检查|*|Quality Inspection|*|Контроль качества|%|0|%|'+'-100'+'|%|工具|*|tool|*|Инструменты|%|辅料|*|accessories|*|Вспомогательные материалы|%|设备|*|device|*|Оборудование|%|undefined|*||%|undefined|*||-|'
            }
            //对关联的控制计划ID进行赋值给标记位
            this.localTableDataTestingU.splice(this.selectedIndexUse+1,0,this.tableData)
            //重新排布顺序号
            for (let i = 0; i < this.localTableDataTestingU.length; i++) {
              this.localTableDataTestingU[i].orderNumber=i
            }

            //向后端发送一个Post请求，修改数据
            this.$request.post("/controlTestingInsertC",this.localTableDataTestingU).then(result=>{
              if (result.code === 401){
                this.$router.push('UserLogin')
                alert("您未登录，请登录")
              }else {
                this.localTableDataTestingU=result.data
                alert("已插入改成功")
                this.dialogVisibleTesting=false;
              }
            })
          }
          else if (this.doe===5){
            /*执行插入操作，所有的列表数据均需要修改*///把数据插入进去
            this.tableData.id=-1//把新数据的Id设置为-1，方便后端判断
            //编辑初始的数据
            //判断选择的检测类型，如果是计量型和计数型，对数据进行限定
            if (this.tableData.typeTesting==='目视/visual/Визуальное зрение' && this.tableData.typeTesting==='计数/count/Количество'){
              this.tableData.standard=0
              this.tableData.ceiling=0
              this.tableData.lower=0
            }
            //1.对车间名称赋值\图号\工序号进行赋值
            this.tableData.workshop=this.workshopMain
            this.tableData.drawing=this.drawingP
            this.tableData.op=this.opP
            //2.对项目类型进行赋值
            this.tableData.projectType=1
            //3.对删除标记位进行赋值
            this.tableData.deleteSign=1
            //判断是不是经过经过控制计划网页来的关联
            if (this.controlP!==undefined){
              //2.对项目类型进行赋值
              this.tableData.projectType=1
              //对关联控制计划的id进行赋值
              this.tableData.controlTesting=this.clickId
              //对作业指导书进行赋值
              this.tableData.workBook='作业指导书步骤|*|Steps of homework instruction manual|*|Этапы руководства по оперативной деятельности|%|作业关注点|*|Homework focus points|*|Приоритеты домашних заданий|%|品质检查|*|Quality Inspection|*|Контроль качества|%|0|%|'+this.clickId+'|%|工具|*|tool|*|Инструменты|%|辅料|*|accessories|*|Вспомогательные материалы|%|设备|*|device|*|Оборудование|%|undefined|*||%|undefined|*||-|'
            } else {
              this.tableData.projectType=2
              //对关联控制计划的标记位进行赋值
              this.tableData.controlTesting=-100
              //对作业指导书进行赋值
              this.tableData.workBook='作业指导书步骤|*|Steps of homework instruction manual|*|Этапы руководства по оперативной деятельности|%|作业关注点|*|Homework focus points|*|Приоритеты домашних заданий|%|品质检查|*|Quality Inspection|*|Контроль качества|%|0|%|'+'-100'+'|%|工具|*|tool|*|Инструменты|%|辅料|*|accessories|*|Вспомогательные материалы|%|设备|*|device|*|Оборудование|%|undefined|*||%|undefined|*||-|'
            }
            //顺序号排序
            this.tableData.orderNumber=0
            //插入到数据列表中
            this.localTableDataTestingU=[]
            this.localTableDataTestingU.splice(0,0,this.tableData)
            //向后端发送一个Post请求，修改数据
            this.$request.post("/controlTestingInsertC",this.localTableDataTestingU).then(result=>{
              if (result.code === 401){
                this.$router.push('UserLogin')
                alert("您未登录，请登录")
              }else {
                this.localTableDataTestingU=result.data
                alert("已经修改成功")
                this.dialogVisibleTesting=false;
              }
            })
          }
        } else {
          console.log('error submit!!');
          return false;
        }
      });
    },
    //点击弹窗中的“重置”按钮
    resetForm(formName) {
      this.$refs[formName].resetFields();
    }
  },
  watch:{
    tableDataTestingU(newVal){
      this.localTableDataTestingU=newVal
    },
    languageS(newVal){
      /*开发语言切换功能*/
      /*开发语言切换功能*/
      if (newVal==='chinese'){
        this.project='project'
        this.requirement='requirement'
      }
      else if (newVal==='english'){
        this.project='projectEnglish'
        this.requirement='requirementEnglish'
      }
      else if (newVal==='russian'){
        this.project='projectRussian'
        this.requirement='requirementRussian'
      }
    },
    openVal(newVal){
      if (newVal==='open'){
        /*开发语言切换功能*/
        if (this.languageS==='chinese'){
          this.project='project'
          this.requirement='requirement'
        }
        else if (this.languageS==='english'){
          this.project='projectEnglish'
          this.requirement='requirementEnglish'
        }
        else if (this.languageS==='russian'){
          this.project='projectRussian'
          this.requirement='requirementRussian'
        }
      }
    }
  },

  mounted() {

  }
}
</script>

<style scoped>

.UploadS {
  border-width: 1px; /* 设置边框宽度为3像素 */
  border-color: blue; /* 设置边框颜色为蓝色 */
  border-style: solid; /* 设置边框样式为虚线 */
  padding: 5px; /* 添加内边距 */
  margin: 10px;/* 添加内边距 */
  display: flex; /* 启用Flexbox */
  justify-content: space-between; /* 两端对齐，如果需要平均分布使用space-around或space-evenly */
}
.item {
  flex: 1; /* 每个元素占据相等的空间 */
  /* 其他样式，如边框、背景色等 */
  box-sizing: border-box; /* 包括边框和内边距在计算宽度时 */
  margin: 10px;
  width: 100%;
}
</style>